جداول در صفحات اهمیت زیادی دارند.برای رسم هر سطر جدول از تگ <tr> و هر ستون را با <td> رسم میکنیم
سطر اول ستون اول | سطر اول ستون دوم | سطر اول ستون سوم |
سطر دوم ستون اول | سطر دوم ستون دوم | سطر سوم ستون سوم |
مثال زیر را بررسی کنید:
<table>
<tr>
<th>Company</th>
<th>Contact</th>
<th>Country</th>
</tr>
<tr>
<td>Alfreds Futterkiste</td>
<td>Maria Anders</td>
<td>Germany</td>
</tr>
<tr>
<td>Centro comercial Moctezuma</td>
<td>Francisco Chang</td>
<td>Mexico</td>
</tr>
</table>
همانطور که در مثال دیدیم برای تعریف سطر اول که شامل عناوین هستند از تگ <th> استفاده میکنیم.
به جای متن های داده شده در وسط td یا th میتوانیم لینک یا هر تگ دیگری قرار دهیم:
<table>
<tr>
<th>ردیف</th>
<th>لینک</th>
</tr>
<tr>
<td>1</td>
<td><a href="https://ishopsaz.com">سایت 1</a></td>
</tr>
<tr>
<td>2</td>
<td><a href="https://hify.ir">سایت 2</a></td>
</tr>
</table>
بعد از یادگیری css به طراحی زیباتر جداول نیز میپردازیم.